$(document).ready(function() {
	$('#raDataTable').dataTable( {
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
		searching: true,
		"aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", "bSortable": false, sWidth: '5%'},
		                {"sTitle": "รหัสพนักงาน", sClass: "alignCenter", "bSortable": false, sWidth: '15%'},
		                {"sTitle": "ชื่อ - นามสกุล", "bSortable": false, sWidth: '25%'},
		                {"sTitle": "คำนวณ RA<br> (บาท)", "bSortable": false, sClass: "alignRight", sWidth: '10%'},
		                {"sTitle": "จัดการ", sClass: "alignCenter table-action", sWidth: '15%', "bSortable": false,
		                	"mRender": function ( data, type, full ) { 
		                		return '<i class="fa fa-search" title="ดูรายละเอียด RA" onclick="showData(\'' + data + '\');"></i> ';
		                	} 
		                }
		               ],
//		"bPaginate": false,
//		"bInfo" : false,
		"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		"bScrollCollapse": true,
		"aLengthMenu": [
		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		 ],
		 "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
         "bServerSide": true,
         "sAjaxSource": "../ACM1202Srvl?process_type=getDataTable"
	} );
	
	
	$('#raFYPTable').dataTable( {
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
		searching: true,
		"aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", "bSortable": false, sWidth: '10%'},
		                {"sTitle": "CLOS_YM", sClass: "alignCenter", "bSortable": false, sWidth: '20%'},
		                {"sTitle": "PE_NO_COL", "bSortable": false, sClass: "alignCenter", sWidth: '20%'},
		                {"sTitle": "PO_NO", "bSortable": false, sClass: "alignCenter", sWidth: '20%'},
		                {"sTitle": "FYP-C", "bSortable": false, sClass: "alignRight", sWidth: '20%'}
		               ],
//		"bPaginate": false,
//		"bInfo" : false,
		"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		"bScrollCollapse": true,
		"aLengthMenu": [
		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		 ],
		 "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
         "bServerSide": true,
         "sAjaxSource": "../ACM1202Srvl?process_type=getPopUpDetails"
	} );
	
});

function searchData() {
	var paMonth = $("#inputMonth").val();
	var paYear = $("#inputYear").val();
	if (paMonth == "" || paYear == "") {
//		$("#modal_content_SerailNumber").html("กรุณากรอกเงื่อนไขในการค้นหา");
		$('#warningModal').modal();
	} else {
		setTimeout(function() { 
			$('#saveModal').modal();
			$('#raDataTable').DataTable().column(0).search(paMonth);
			$('#raDataTable').DataTable().column(1).search(paYear);
			$('#raDataTable').DataTable().draw();
		}, 1000);
	}
}

function showData(paRAId) {
	var vaSplitName = paRAId.split("/");
	$("#recruiterName").html("รหัสพนักงาน : " + vaSplitName[0] + "<br>ชื่อ-นามสกุล : " + vaSplitName[1]);
	$.ajax({           	
		url : "../ACM1202Srvl?process_type=getDetailsRA",
		type : "POST",
		data: {
			paRecruiterNumber : vaSplitName[0],
			paDate : vaSplitName[2]
			},
		async : false,
		dataType: "json",
		success : function(result) { 
			$("#detailsTableRA").html(result.detailsTableRA);
			$('#popUpDetail').modal();
		}
	});
}

function showFYPDetails(paRecruiterId, pnMonth, paDate) {
	$('#raFYPTable').DataTable().column(0).search(paRecruiterId);
	$('#raFYPTable').DataTable().column(1).search(pnMonth);
	$('#raFYPTable').DataTable().column(2).search(paDate);
	$('#raFYPTable').DataTable().draw();
	$('#showPC').modal();
	//alert(pnId);
}